<template>
  <!-- <div>
        <el-button type="primary">按钮</el-button>
    </div> -->
  <!-- <el-container>
        <el-header style="background-color: red;">header</el-header>
        <el-container>
            <el-aside style="background-color: orange;width: 400px;height: 50px;">
                
                
            </el-aside>
            <el-main style="background-color: green;height: 300px;">main</el-main>
        </el-container>
        <el-footer style="background-color: yellow;">footer</el-footer>
    </el-container> -->
  <!-- <el-form :model="user">
        <el-form-item label="用户名">
            <el-input v-model="user.name" placeholder="请输入用户名"></el-input>
        </el-form-item>
        <el-form-item label="密码">
            <el-input type="password" v-model="user.password" placeholder="请输入密码"></el-input>
        </el-form-item>
        <el-form-item>
            <el-button type="primary" @click="onSubmit">提交</el-button>
        </el-form-item>
    </el-form> -->
    <!-- <div>
        <el-table :data="tableData"> 
    <el-table-column prop="date" label="日期" width="180px">
    </el-table-column>
    <el-table-column prop="name" label="姓名" width="180px">
    </el-table-column>
    <el-table-column prop="address" label="地址">
    </el-table-column>
  </el-table>
  <el-pagination
      @size-change="handleSizeChange"
      @current-change="handleCurrentChange"
      :current-page="currentPage"
      :page-sizes="[10, 20, 30, 40]"
      :page-size="10"
      layout="total, sizes, prev, pager, next, jumper"
      :total="100">
    </el-pagination>
    </div> -->

    <!-- <el-button @click="openMessage">打开消息提示</el-button> -->
     <!-- <el-menu default-active="1" class="el-menu-demo" mode="horizontal">
        <el-menu-item index="1">首页</el-menu-item>
        <el-menu-item index="2">文档</el-menu-item>
        <el-menu-item index="3">关于</el-menu-item>
     </el-menu> -->
     <!-- <el-tabs v-model="activeName" @tab-click="handleClick">
         <el-tab-pane label="label" name="name"></el-tab-pane>
         <el-tab-pane label="3333" name="password"></el-tab-pane>
     </el-tabs> -->
     <el-dropdown placement="bottom">
         <el-button type="primary">
             下拉菜单<i class="el-icon-arrow-down el-icon--right"></i>
         </el-button>
         <el-dropdown-menu slot="dropdown">
             <el-dropdown-item>黄金糕</el-dropdown-item>
             <el-dropdown-item>黄金糕</el-dropdown-item>
         </el-dropdown-menu>
     </el-dropdown>
</template>

<script>
export default {
  data() {
    return {
      user: {
        name: "",
        password: "",
        activeName: "zhuyu"
      },
      tableData: [
        { date: "2023-04-01", name: "张三", address: "北京市朝阳区" },
        { date: "2023-04-02", name: "李四", address: "上海市浦东新区" },
      ],
      currentPage: 1,
    };
  },
  methods: {
    onSubmit() {
      console.log(this.user);
    },
    handleSizeChange(val) {
      console.log(`每页 ${val} 条`);
    },
    handleCurrentChange(val) {
      this.currentPage = val;
      console.log(`当前页: ${val}`);
    },
    openMessage() {
        // this.$notify({
        //     title: 'lalal',
        //     message: '2222'
        // })
        // this.$message({
        //     message: '操作成功',
        //     type: 'success'
        // }) 
        this.$loading({
            text: 'success',
            background: '#ee345a'
        })  
    },
    handleClick() {
        console.log(2323)
    }
  },
};
</script>